<div>
  当前tab {{tableIndex}}
</div>
<button nz-button nzType="primary">Primary</button>
<div>
  <nz-select nzShowSearch nzAllowClear nzPlaceHolder="Select a person" [(ngModel)]="selectedValue">
    <nz-option *ngFor="let o of cityData" [nzValue]="o.cname" [nzLabel]="o.name"></nz-option>
  </nz-select>
  <input nz-input placeholder="Basic usage" [(ngModel)]="input1" />
  <nz-range-picker [(ngModel)]="date" [nzDisabledDate]="disabledDate" nzFormat="yyyy-MM-dd HH:mm:ss" (ngModelChange)="onChangeTime()"></nz-range-picker>
</div>

<nz-tabset [nzSelectedIndex]="tableIndex" >
  <nz-tab nzTitle="Tab 1" (nzClick)="checkTab(0)">
    <nz-table #basicTable1 [nzLoading]="loading1" [nzTotal]="total1" [nzData]="table1">
      <thead>
        <tr>
          <th>云中心</th>
          <th>月份</th>
          <th>总数</th>
          <th>更新时间</th>
        </tr>
      </thead>
      <tbody>
        <ng-container *ngFor="let ids of basicTable1.data">
          <tr *ngIf="ids.data || ids.expand">
            <td [nzShowExpand]="ids.data" [(nzExpand)]="ids.expand">{{ ids.name }}</td>
            <td>{{ids.monu}}</td>
            <td>{{ids.num}}</td>
            <td>{{ids.time}}</td>
          </tr>
          <ng-container *ngIf="ids.data && ids.expand" >
            <tr *ngFor="let item of ids.data" >
              <td >{{ ids.name }}</td>
              <td>{{ item.month }}</td>
              <td>{{ item.num }}</td>
              <td>{{ item.date }}</td>
            </tr>
          </ng-container>
        </ng-container>
      </tbody>
    </nz-table>
  </nz-tab>
  <nz-tab nzTitle="Tab 2" (nzClick)="checkTab(1)">
    <nz-table #basicTable2 [nzLoading]="loading2" [nzTotal]="total2" [nzData]="table2">
      <thead>
        <tr>
          <th>标题</th>
          <th>作者</th>
          <th>时间</th>
          <th>颜色</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let data of basicTable2.data">
          <td>{{ data.title }}</td>
          <td>{{ data.author_name }}</td>
          <td>{{ data.date }}</td>
          <td>{{ data.color }}</td>
          <td>
            <a>Delete</a>
          </td>
        </tr>
      </tbody>
    </nz-table>
  </nz-tab>
</nz-tabset>


